<template>
  <div class="hello">
    <pre>
      declare：当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能。
      常用的：
      declare var 声明全局变量
      declare function 声明全局方法
      declare class 声明全局类
      declare enum 声明全局枚举类型
      declare global 扩展全局变量
      declare module 扩展模块

      namespace：“内部模块”现在称做“命名空间”
      module X { 相当于现在推荐的写法 namespace X {} }


    </pre>
  </div>
</template>

<script lang="ts">

import { Options, Vue } from 'vue-class-component';

@Options({
  props: {
    msg: String
  }
})
export default class HelloWorld extends Vue {
  msg!: string;
  num = 6;
  mounted ():void {
    console.log(this.num)
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
  margin: 40px 0 0;
}
</style>
